<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>登陆</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/user.css" />
	</head>
	<body>
		<nav class="navbar-default hidden-xs" id="navigation">
			<header class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<img src="img/bilibili.svg" width="80px">
				</div>
				<div class="navbar-collapse collapse" id="nav">
					<ul class="nav navbar-nav navbar-top">
						<li><a href="#">主站</a></li>
						<li class="visible-lg"><a href="#">番剧</a></li>
						<li><a href="#">会员购</a></li>
						<li class="visible-lg"><a href="#">漫画</a></li>
						<li><a href="#">跨年晚会</a></li>
						<li><a href="#">直播</a></li>
						<li class="visible-lg" data-placement="bottom" id="app"><a href="#"><img src="img/iphon.svg">下载APP</a></li>
						<li class="visible-lg">
							<form style="margin-top: 10px;" class="form-inline">
								<div class="form-group">
									<div class="input-group">
										<input type="text" class="form-control" placeholder="B站热门2020全年总结">
										<div class="input-group-addon "><img src="img/search.svg"></div>
									</div>
								</div>
							</form>
						</li>
						<li class="visible-lg"><a href="#"><img src="img/head1.svg" style="margin-top: -10px;"></a></li>
						<li><a href="#">登陆</a></li>
						<li class="visible-lg"><a href="#">|</a></li>
						<li><a href="#">注册</a></li>
						<li class="visible-lg"><input type="button" class="alert-danger form-control" value="投稿" style="margin-top: 10px;width: 180px;" /></li>
					</ul>
				</div>
			</header>
		</nav>
		<img src="img/user.png" width="100%">
		<section class="container-fluid">
			<div class="row">
				<div class="title-line">
					<span class="tit">登陆</span>
				</div>
			</div>
			<div class="col-lg-1 visible-lg"></div>
			<div class="col-lg-5 container">
				<div class="qrcode-login">
					<div class="qrcode-box">
						<div class="qrcode-tips"></div>
					</div>
					<div class="qrcode-img"></div>
					<div class="qrcode-footer">
						<p>
							<span class="txt">
								扫描二维码登陆
							</span>
						</p>
						<p>
							<span class="txt1">
								请使用 <a>哔哩哔哩客户端</a>
							</span>
						</p>
						<p>
							<span class="txt2">
								扫码登陆
							</span>
						</p>
						<p>
							<span class="txt">
								或扫码下载APP
							</span>
						</p>
					</div>
				</div>
			</div>
			<div class="line visible-lg"></div>
			<div class="row" id="psw" style="margin-left: -70px;">
				<ul class="list-inline" style="margin-left: 92px;">
					<li><a href="#">密码登陆</a></li>
					<li><a href="#">短信登陆</a></li>
				</ul>
				<ul>
					<input type="text" class="form-control1" placeholder="请输入账号:" id="use" />
					<p>&nbsp;</p>
					<input type="password" class="form-control1" placeholder="密码:" id="pwd" />
					<p>&nbsp;</p>
					<input type="button" value="登陆" class="form-control2 bg-info" id="btn1" />
					<input type="button" value="注册" class="form-control2" id="btn2" />
				</ul>
			</div>
			<div class="title-line1">
				<span class="tit">登录即代表你同意<a>用户协议</a>和<a>隐私政策</a></span>
			</div>
		</section>
		<div class="container-fluid">
			<div class="col-lg-12 visible-lg">
				<hr>
				<div class="col-lg-1">
					<img src="img/partner.png" width="100px">
					<br>
					<img src="img/pic962110.png" width="100px">
					<br>
					<img src="img/confirm.png" width="100px">
				</div>
				<div class="col-lg-10" style="margin-left: 20px;">
					<p style="line-height: 28px;color: #ADADAD;">营业执照 信息网络传播视听节目许可证：0910417 网络文化经营许可证 沪网文【2019】3804-274号
						广播电视节目制作经营许可证：（沪）字第01248号<br>
						增值电信业务经营许可证 沪B2-20100043互联网ICP备案：沪ICP备13002172号-3 出版物经营许可证 沪批字第U6699 号<br> 互联网药品信息服务资格证 沪-非经营性-2016-0143 营业性演出许可证
						沪市文演（经）00-2253<br />

						违法不良信息举报邮箱：help@bilibili.com |违法不良信息举报电话：4006262233转1<br />

						上海互联网举报中心 | 12318全国文化市场举报网站 |<img src="img/icpicon.png"> 沪公网安备31011002002436号 | 儿童色情信息举报专区 | 扫黄打非举报<br />
						网上有害信息举报专区：中国互联网违法和不良信息举报中心<br />
						亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。<br />
						公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888
					</p>
				</div>
			</div>
		</div>
		<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$(".qrcode-box").mouseover(function() {
					$(".qrcode-tips").addClass("mouse")
				})
				$(".qrcode-box").mouseout(function() {
					$(".qrcode-tips").removeClass("mouse")
				})
				$('#app').popover({
					trigger: 'hover',
					html: true,
					content: "<img src='img/sao.png'><br><span>&nbsp&nbsp&nbsp扫码下载手机客户端</span>"
				});
				$("#btn1").click(function() {
					if ($("#use").val() == "123", $("#pwd").val() == "321") {
						window.location.href = "index.html"
						alert("欢迎回来")
					} else {
						alert("密码错误")
					}
				})
				$("#btn2").click(function() {
					window.location.href = "pwd.html"
				});
			})
		</script>
	</body>
	<script src="./js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
</html>
